<template>
  <v-app id="inspire">
    <v-navigation-drawer v-model="drawer" fixed app>
      <v-list>
        <v-list-tile @click="gotoPage('/ArticleUpload')">
          <v-list-tile-action>
            <v-icon>home</v-icon>
          </v-list-tile-action>
          <v-list-tile-content>
            <v-list-tile-title>文章</v-list-tile-title>
          </v-list-tile-content>
        </v-list-tile>
        <v-list-tile @click="gotoPage('/HeroUpload')">
          <v-list-tile-action>
            <v-icon>contact_mail</v-icon>
          </v-list-tile-action>
          <v-list-tile-content>
            <v-list-tile-title>英雄</v-list-tile-title>
          </v-list-tile-content>
        </v-list-tile>
        <v-list-tile @click="gotoPage('/InsUpload')">
          <v-list-tile-action>
            <v-icon>assignment</v-icon>
          </v-list-tile-action>
          <v-list-tile-content>
            <v-list-tile-title>铭文</v-list-tile-title>
          </v-list-tile-content>
        </v-list-tile>
        <v-list-tile @click="gotoPage('/EquipUpload')">
          <v-list-tile-action>
            <v-icon>android</v-icon>
          </v-list-tile-action>
          <v-list-tile-content>
            <v-list-tile-title>出装</v-list-tile-title>
          </v-list-tile-content>
        </v-list-tile>
      </v-list>
    </v-navigation-drawer>
    <v-toolbar color="indigo darken-2" dark fixed app>
      <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
      <v-toolbar-title>{{' '}}</v-toolbar-title>
    </v-toolbar>
    <v-content>
     <router-view></router-view>
    </v-content>
    <v-footer color="indigo darken-2" app>
      <span class="white--text">&copy; 2019</span>
    </v-footer>
  </v-app>
</template>
<script>
export default {
  data: () => ({
    drawer: null,
    drawerSwitch: 1,
    routes: [{
      name: ''
    }]
  }),
  props: {
    source: String
  },
  components: {
  },
  methods: {
    gotoPage(value) {
      this.$router.push(value)
    },

  }
}
</script>
<style lang="less">

</style>